/*====== RESPONSIVE TYPE 1 =======*/

@media (max-width:479px) {
    header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 50%;
   top: 0px;
   height:  100%;
   width:  100%;
   margin-left: 0px!important;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: relative;
}
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li a,
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li:hover a {
   white-space: normal;
   width: auto;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu{
   position: relative!important;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu > li{
    width: calc(100vw + 20px);
   }
   .nav-bar-primary nav ul.nav-main > li:hover > ul.dropdown-menu > li > a{
    pointer-events: visible;
    cursor: pointer;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #153d25 !important;
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul li.dropdown-submenu .fa-chevron-right{
       width: 20px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul:hover li.dropdown-submenu .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 50px;
   }
   
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right:before{
       float: right;
       position: relative;
       top: 18px;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right {
   color: #f7921e;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right:before{
       content:"\f078";
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened ul.dropdown-menu li.dropdown-submenu .fa-chevron-right:before{
       content:"\f054";
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened ul.dropdown-menu li.dropdown-submenu.opened .fa-chevron-right:before{
       content:"\f078";
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu:hover .fa-chevron-right{
   left: inherit;
       right: 20px;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu{
       position: relative!important;
       left: 0px!important;
   }
   html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   background: #333!important;
   background-color: #333!important;
   }
   html header{
       z-index: 1034!important;
       position: relative!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li {
   background: #191919;
   }
}
@media (min-width:480px) and (max-width:767px) {
    header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 50%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: relative;
}
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li a,
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li:hover a {
   white-space: normal;
   width: auto;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
  
    .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu{
   position: relative!important;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu > li{
    width: calc(100vw + 20px);
   }
   .nav-bar-primary nav ul.nav-main > li:hover > ul.dropdown-menu > li > a{
    pointer-events: visible;
    cursor: pointer;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #d81935 !important;
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul li.dropdown-submenu .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 50px;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right:before{
       float: right;
       position: relative;
       top: 18px;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right {
   color: #d81935;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right:before{
       content:"\f078";
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu:hover .fa-chevron-right{
   left: inherit;
       right: 20px;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu{
       position: relative!important;
       left: 0px!important;
   }
   html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   background: #333!important;
   background-color: #333!important;
   width: calc(100% + 30px);
   }
   html header{
       z-index: 9999!important;
       position: relative!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li {
   background: #000;
   }
}
@media (min-width:768px) and (max-width:991px) {
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 50%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}

   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: relative;
}
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li a,
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li:hover a {
   white-space: normal;
   width: auto;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
   .homeSearchBar .col-xs-10 .col-xs-4 {
       transform: scale(0.9);
   }
   .homeSearchBar input,
   .homeSearchBar select {
       font-size: 10px;
   }
   .homeSearchBar .col-xs-2 {
       margin-top: 30px;
   }
   .homeSearchBar .col-xs-2 .btn {
       position: relative;
       z-index: 9999;
   }
   .homeSearchBar .col-xs-2 span {
       font-size: 12px;
   }
    .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu{
   position: relative!important;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu > li{
    width: calc(100vw + 20px);
   }
   .nav-bar-primary nav ul.nav-main > li:hover > ul.dropdown-menu > li > a{
    pointer-events: visible;
    cursor: pointer;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #d81935 !important;
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul li.dropdown-submenu .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 50px;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right:before{
       float: right;
       position: relative;
       top: 18px;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right {
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right:before{
       content:"\f078";
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened ul.dropdown-menu li.dropdown-submenu .fa-chevron-right:before{
       content:"\f054";
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu:hover .fa-chevron-right{
   left: inherit;
       right: 20px;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu{
       position: relative!important;
       left: 0px!important;
   }
   html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   background: #333!important;
   background-color: #333!important;
   width: calc(100% + 30px);
   }
   html header{
       z-index: 9999!important;
       position: relative!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li {
   background: #000;
   }
   
}
@media (min-width:992px) and (max-width:1199px) {
   /*FIREFOX MENU PROBLEM*/
html header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(1) > ul:hover > li:hover{
   /* width: 400px; */
}

html header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(1) > ul:hover > li:hover a{
   /* width: 200px; */
}

header nav ul.nav-main li.mega-menu-item:nth-child(1) .dropdown-submenu:hover > a::after {
   right: 0px!important;
   top: 3px;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}

   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: initial;
}
   .nav-main.mega-menu .col-md-2 {
/*       width: 14.5%; */
   }
    #mainMenu > li > ul > li > a > i{
       display: none;
   }
   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1) > .dropdown-menu{
   width: 350px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
   display: none;
}
   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1):hover > .dropdown-menu{
       display: block!important;
   }
/*   
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu li{
   width: 250px;
   float: left;
}
*/
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #d81935 !important;
   color: #fff;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(2) > ul.dropdown-menu {
       margin-left: 0;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(2) > ul.dropdown-menu a{
       font-size: 14px;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }



   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1) > .dropdown-menu{
   width: 350px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
   display: none;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu .dropdown-menu{
    width: 730px;
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(4) .dropdown-menu{
    width: 730px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(10) .dropdown-menu{
    width: 730px;
    height: 150%;
   columns: 3;
   -webkit-columns: 3;
   -moz-columns: 3;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(1) .dropdown-menu{
    width: 265px;
    height: 100%;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}
#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(1) .dropdown-menu li{
    width: 100%!important;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(1) .dropdown-menu li a{
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu{
    width: 265px;
    height: 470%;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}
#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu li{
    width: 100%!important;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu li a{
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}


}
@media (min-width:1200px) {
   /*FIREFOX MENU PROBLEM*/
html header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(1) > ul:hover > li:hover{
   position: block;
/*   width: 250px; */
}

header nav ul.nav-main li.mega-menu-item:nth-child(1) .dropdown-submenu:hover > a::after {
   right: 22px!important;
   top: 3px;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}

   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: initial;
}
   .nav-main.mega-menu .col-md-2 {
/*       width: 14.5%; */
   }
   #mainMenu > li > ul > li > a > i{
       display: none;
   }
   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1) > .dropdown-menu{
   width: 350px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
   display: none;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu .dropdown-menu{
    width: 730px;
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(4) .dropdown-menu{
    width: 730px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(10) .dropdown-menu{
    width: 730px;
    height: 150%;
   columns: 3;
   -webkit-columns: 3;
   -moz-columns: 3;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu .dropdown-menu{
    width: 315px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu{
    width: 425px;
    height: 500%;
   columns: 1;
   -webkit-columns: 2;
   -moz-columns: 1;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu .dropdown-menu li{
    width: 100%!important;
}
#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu .dropdown-menu li a{
    padding-bottom: 1px;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1):hover > .dropdown-menu{
       display: block!important;
   }

/*
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu li{
   width: 250px;
   float: left;
   display: initial;
}
*/

   header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(2) > ul.dropdown-menu {
       margin-left: 0;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
}

/*====== NON RESPONSIVE =======*/
header nav.mega-menu ul.nav-main li.mega-menu-item{
   position: relative;
}




header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu{
   display: table;
}
.ie header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu,
.ie header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul{
   display: table;
}

header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li{
   width: 100%!important;
   float: left!important;
   display: table-cell !important;
}



header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   /*width: -webkit-fit-content;
   width: -ms-fit-content;
   width: -o-fit-content;
   width: fit-content;
   width: -moz-fit-content;*/
   position: absolute;
   left: 0px;
}
.ie header nav.mega-menu ul.nav-main .fa.fa-chevron-right {
   display: none;
}


html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
   background: url(Resources/img/bg-transparent-grey2.png) !important;
   background: #595959 !important;
   min-height: 100%;
   width: 160%;
   padding-bottom: 5px;
}

html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu[style]{
   margin-left: 0px!important;
}

#mainMenu > li > ul > div > div > div > li > ul > li > a{
   white-space: inherit;
}
#mainMenu > li > ul > div > div > div > li > ul > li > a{
   width: calc(100% - 40px)
}
/*======MOBILE======*/


#mainMenu > li.opened:hover > ul > li > a > i{
   /* right: 30px; */
}

#mainMenu > li > ul > li > a > i{
  padding-right: 20px;
}

#mainMenu > li:hover > ul > li:hover > a > i{
  padding-right: 0px;
  right: 20px;

}


/*====== ONLY SHOW 2 COLUMN ======*/
#mainMenu > li:nth-child(1) > ul > div > div > div > li > ul{
   overflow: hidden;
}

#mainMenu > li:nth-child(2) > ul > div > div > div > li > ul{
   overflow: hidden;
}



.ie header nav ul.nav-main .dropdown-submenu{
   position: static!important;
}

.ie header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: initial;
}
.ie header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   height: 100%!important;
   float: left!important;
   position: absolute;
   top: 0px!important;
}

/*====== TOP MENU ROW - single line, even spacing, left aligned ======*/
/* The XSLT gives every top level item col-md-2, which only fits six across the
   row. Sizing each item to its own label instead ties the row width to the
   label text rather than the item count. Scoped to the horizontal menu - below
   992px the items stack inside the collapsed hamburger panel. */
@media (min-width: 992px) {
   html header .nav-bar-primary nav ul.nav-main#mainMenu {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: stretch;
      margin-left: -20px; /* pulls the first label flush with the container edge */
   }

   html header .nav-bar-primary nav ul.nav-main#mainMenu > li {
      float: none;
      width: auto;
      flex: 0 0 auto;
      padding-left: 0;
      padding-right: 0;
   }

   html header .nav-bar-primary nav ul.nav-main#mainMenu > li + li {
      margin-left: 0;
   }

   /* the gap between two labels is twice this padding, and it stays part of the
      item's hover target */
   html header .nav-bar-primary nav ul.nav-main#mainMenu > li > a {
      width: auto;
      padding-left: 20px;
      padding-right: 20px;
      text-align: left;
      white-space: nowrap;
   }

   /* align the first level panel to its parent's label. right:auto clears the
      "last item floats right" rule in portal.css, which assumed a fixed order */
   html header nav.mega-menu ul.nav-main#mainMenu > li.mega-menu-item > ul.dropdown-menu {
      left: 20px;
      right: auto;
      margin-left: 0;
   }
}